<template>
    <div class="end">
      <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane label="分类分析" name="first">
            <Subitem></Subitem>
        </el-tab-pane>
        <el-tab-pane label="设备协议" name="second">
            <Eagreement></Eagreement>
        </el-tab-pane>
        <el-tab-pane label="风盘功率" name="third">
            <FanCoil />
        </el-tab-pane>
        <el-tab-pane label="设备标签" name="fourth">
            <Elabel></Elabel>
        </el-tab-pane>
        <el-tab-pane label="设备分析" name="fifth">
            <Eanalyze></Eanalyze>
        </el-tab-pane>
      </el-tabs>e
    </div>
  </template>
  <script>
  import Subitem from "./end/subitem.vue"
  import Eagreement from "./end/eagreement.vue"
  import FanCoil from "./end/fanCoil.vue"
  import Elabel from "./end/elabel.vue"
  import Eanalyze from "./end/feanalyze.vue"
  export default {
    name: "End",
    data() {
      return {
        activeName: "first",
  
      };
    },
    components:{Subitem,Eagreement,FanCoil,Elabel,Eanalyze},
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      },
     
    },
  };
  </script>
  
  <style lang="scss" scoped>
  .alarmway {
    width: 100%;
    height: 100%;
  
    .el-tabs {
      width: 100%;
      height: 100%;
  
    }
  }
  </style>
    